import { FadeIn } from '@/components/Animation';

export default function AcMod({ isPc }: any) {
  return (
    <div className="acMod">
      <div className="mainWidth">
        <div className="main flex ">
          <div className="tcon">
            <FadeIn direction={`${isPc ? 'right' : 'up'}`}>
              <div>
                <div className="yintxt">Solar Intelligence & Asset Management Platform</div>
                <div className="tit">
                  <span className="color-black">Full-Spectrum Visibility. </span>
                  <span className="color-yellow"> Actionable Insights.</span>
                  <span className="color-blue"> Smarter Decisions. </span>
                </div>
                <div className="txts">
                  <div className="txtw">
                    A powerful AI-driven platform designed to digitize, detect, and manage every
                    solar asset—from module to megawatt.
                    {/* <span className="bold"></span> */}
                  </div>
                  <div className="txtw">
                    Integrating infrared and visible spectrum analysis, GPS mapping, and predictive
                    reporting, we help solar teams reduce downtime, prevent losses, and optimize O&M
                    workflows.
                  </div>
                </div>
              </div>
            </FadeIn>
          </div>
          <div className="priImgw center">
            <FadeIn direction={`${isPc ? 'left' : 'up'}`}>
              <img src="https://framerusercontent.com/images/CDKeMhOSqWQsgYXgUozwnkDY8w.png?scale-down-to=2048" />
            </FadeIn>
          </div>
        </div>
      </div>
    </div>
  );
}
